import React from 'react'
import RouterView from '../router/RouterView'
import { PropType } from '../utils/interface'
import { NavLink } from 'react-router-dom'

let MainPage: React.FC<PropType> = props => {
    return <div className='five'>
        <div className='five-main'>
            <RouterView routes={props.routes} />
        </div>
        <footer className='five-footer'>
            <NavLink to="/main/home">
                <span className="icon iconfont icon-shouye"></span>
                首页
            </NavLink>
            <NavLink to="/main/topic">
                <span className="icon iconfont icon-clone"></span>
                专题
            </NavLink>
            <NavLink to="/main/catelog">
                <span className="icon iconfont icon-sort"></span>
                分类
            </NavLink>
            <NavLink to="/main/cart">
                <span className="icon iconfont icon-cart"></span>
                购物车
            </NavLink>
            <NavLink to="/main/mine">
                <span className="icon iconfont icon-mine"></span>
                我的
            </NavLink>
        </footer>
    </div>
}

export default MainPage;
